<template>
  <div class="page-container">
    <div class="body-container">
      <div class="head-container">
        <img v-lazy="bgImg" class="bgimg-head"/>
        <img :src="photoImg" class="minphoto-head"/>
      </div>
      <div class="nav-container">
        <img :src="mineNav" >
      </div>
      <div class="info-container">
        <div class="title">基本信息</div>
        <ul>
          <li>
            <span class="inline"></span>
            <span class="field">NickName:</span>
            <span class="info">{{mineInfo.nickname}}</span>
          </li>
          <li>
            <span class="inline"></span>
            <span class="field">QQ:</span>
            <span class="info">{{mineInfo.qq}}</span>
          </li>
          <li>
            <span class="inline"></span>
            <span class="field">Email:</span>
            <span class="info">{{mineInfo.email}}</span>
          </li>
          <li>
            <span class="inline"></span>
            <span class="field">Wx:</span>
            <span class="info">{{mineInfo.wx}}</span>
          </li>
          <li>
            <span class="inline"></span>
            <span class="field">Phone:</span>
            <span class="info">{{mineInfo.phone}}</span>
          </li>
        </ul>
      </div>
      <div class="skill-container">
        <div class="title">个人技能</div>
        <div class="inline"></div>
        <ul>
          <li v-for="(item,index) of "></li>
        </ul>
      </div>
      <go-top :has-outline="false" :right="40"></go-top>
    </div>
  </div>
</template>

<script>
import GoTop from '@inotom/vue-go-top'
import ApiService from '@/service/index'
import { formtTime } from '@/utils/tools'
import { MINE_SKILL,
        MINE_BANNER,
        MINE_PHOTO,
        NAV_PHOTO,
        MINE_INFO } from '@/config/config'
export default {
  name:'MineFile',
  data(){
    return{
      bgImg:MINE_BANNER,
      photoImg:MINE_PHOTO,
      mineNav:NAV_PHOTO.mine,
      minesKill:MINE_SKILL,
      mineInfo:MINE_INFO
    }
  }
}
</script>

<style lang="scss" scoped>
.body-container{
    width: 1305px;
    height: 100%;
    margin: 0 auto;
}
</style>